<template>
  <div>
      <p>父传子时的校验--校验父组件传来的值 类型、是否必填、默认值。。</p>
      <p>父组件传来的值：{{info1}}</p>
      <p>父组件传来的值：{{info2}}</p>
      <p>父组件传来的值：{{info3}}</p>
      <p>父组件传来的值：{{info4}}</p>
  </div>
</template>

<script>
export default {
    props: {
        info1: {
            // 校验类型
            type: [String, Number]
        },
        info2: {
            type: Array,
            // 是否必填
            required: true
        },
        info3: {
            // 默认值
            default: '快点下课吧'
        },
        info4: {
            // 自定义校验函数 会在父传子时自动调用 val就是父组件给的值
            validator(val) {
                // 根据需求可以加上定制化的判断条件 return后面是判断条件 比如a==1而不是 a = 1
                return val.length >= 3
            }
        }
    }
}
</script>

<style>

</style>